<template>
  <!-- 消息提示
  -------------------------- -->
  <el-dropdown class="comp-header-warning">

    <i class="comp-header-warning__icon iconfont icon-tixingtianchong"></i>

    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item v-for="(item, index) in dropdownList"
        :key="index"
        :command="item">{{ item.name }}</el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  name: 'CompHeaderWarning',
  data () {
    return {
      dropdownList: [
        {
          name: '暂无消息'
        }
      ]
    }
  }
}
</script>

<style lang="scss">
@import "src/styles/config/components.scss";

@include b(header-warning) {

  @include e(icon) {
    color: $--color-text-secondary;
    cursor: pointer;
    padding: 3px;
  }
}
</style>